<template>
<div class="photoInfo-container">
        <h3>这是photoInfo模板的标题</h3>
        <p class="subTitle">
            <span>发表时间:2019年2月7日</span>
            <span>访问次数:20次</span>
        </p>
        <hr>
        <vue-preview :slides="slide1" @close="handleClose"></vue-preview>
        <p class="content-box">我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</p>
        <cmt-box></cmt-box>
    </div>
</template>
<script>
import comment from '../subcomponent/comment.vue'
export default {
data () {
      return {
        slide1: [
          {
            src: 'https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_b.jpg',
            msrc: 'https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_m.jpg',
            w: 400,
            h: 200
          },
          {
            src: 'https://farm4.staticflickr.com/3902/14985871946_86abb8c56f_b.jpg',
            msrc: 'https://farm4.staticflickr.com/3902/14985871946_86abb8c56f_m.jpg',
            w: 400,
            h: 200
          }
        ]
      }
    },
    methods: {
      handleClose () {
        console.log('close event')
      }
    },
    components:{
        'cmt-box':comment
    }
}
</script>
<style lang="less" scoped>
.photoInfo-container{
    padding: 5px;
    h3{
        font-size: 18px;
        text-align: center;
        color: #26A2FF
    }
    .subTitle{
        display: flex;
        justify-content: space-between;
        font-size: 13px;
        margin: 0;
    }
}
</style>
